.doctor-detail {
	&__nav {
		font-size: 15px;
		color: gray;
		.breadcrumb {
			background: none;
			padding-left: 0px;
			li+li:before {
				content: ">";
			}
			a {
				color:gray;
			}
		}
	}

	&__content {
		margin-top: 40px;
		&-icon {
			position: absolute;
			width: 190px;
			height: 280px;
			img {
				width: 100%;
				height: 100%;
			}
		}
		&-msg {
			display: inline-block;
			margin-left: 240px;
			margin-top: 40px;
			min-height: 280px;
			font-size: 12px;
			color: gray;
			&-top {
				font-size: 18px;
				&-name {
					color: black;
				}
				&-job {
					margin-left: 1em;
				}
			}
			&-info1 {
				margin-top: 1em;
			}
			&-bar,
			&-info2 {
				margin-top: 1.3em;
			}
		}
	}

	&__timetab {
		&-title {
			margin-top: 55px;
			font-size: 18px;
			margin-bottom: 10px;
		}
		&-body {
			margin-bottom: 30px;
			> table > tbody > tr:nth-child(1) {
				background-color: @main-color;
				color: #fff;
			}
			table {
				width: 100%!important;
				max-width: 100%;
				border: 1px solid @table-border-color;
				// Cells
				> thead,
				> tbody,
				> tfoot {
					> tr {
						> th,
						> td {
							// padding: @table-cell-padding;
							line-height: 54px;
							text-align: center;
							vertical-align: middle;
							border-top: 1px solid @table-border-color;
							border: 1px solid @table-border-color;
							table {
								border: none;
								> thead,
								> tbody {
									> tr:nth-child(1) {
										background-color: #f4f4f4;
										> td {
											border-top: none;
											border-bottom: none;
											&:nth-child(1) {
												border-left: none;
												color: #a2a2a2;
											}
										}
									}
									>tr:nth-last-child(1) {
										> td {
											border-bottom: none;
										}
									}
									> tr {
										> td:nth-last-child(1) {
											border-right: none;
										}
									}
								}
							}
						}
					}
				}
				// Bottom align for column headings
				> thead > tr > th {
					vertical-align: bottom;
					border-bottom: 2px solid @table-border-color;
				}
				// Remove top border from thead by default
				> caption + thead,
				> colgroup + thead,
				> thead:first-child {
					> tr:first-child {
						> th,
						> td {
							border-top: 0;
						}
					}
				}
				// Account for multiple tbody instances
				> tbody + tbody {
					border-top: 2px solid @table-border-color;
				}

				// Nesting
				.table {
					background-color: @body-bg;
				}
			}
		}
	}
}

@media screen and (max-width: 414px) {
	.doctor-detail {
		&__content {
			&-icon {
				position: relative;
			}
			&-msg {
				display: block;
				margin: 20px 0 0;
			}
		}
	}
}